<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="keywords" content="">
		<meta name="description" content="">
		<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,user-scalable=0;"/>
		<title>爱心挪车</title>
		<link rel="stylesheet" href="css/bootstrap.css" />
		<link rel="stylesheet" href="css/reset.css" />
		<link rel="stylesheet" href="css/public.css" />
		<link rel="stylesheet" href="css/quiz.css" />
		<link rel="stylesheet" href="css/default.css" />
		<link rel="stylesheet" href="css/fileinput.css" />
		<link rel="stylesheet" href="js/pop.css" />
		<style type="text/css">
            .demo{width:100%;}
            .demo span{display:inline-block;width:100%;}
            .demo input{padding:3px;width:100%;font-family:Arial, Helvetica, sans-serif;border:1px solid #ddd;}
            .container form{margin-top: 25px;}
            .red {color: red;}            
        </style>
	</head>
	<body>
		
		<div class="container">
			<div class="content-wrapper">
				<p>亲爱的用户:</p>
				<p> 
					如果即行car2go会员发现car2go车辆有违章停车现象，会员若是帮助将该车辆挪至合法的停车位置，我们给予的20元即行券鼓励！
				</p>
			</div>

			<form action="" id="report-form">

			    

				<div class="form-group">
					<label for="plateplate"><span class="red">*</span>&nbsp; 车辆违章停车位置：</label>
					<input type="text" class="form-control" id="area" name="area" placeholder="">
					<br>
					<button type="button" id="butta" class="btn btn-info ">定位所在地</button>
				</div>

				<div class="form-group">
					<label for="">车牌号：</label>
					<input type="text" class="form-control"  name="" placeholder="">
				</div>
				
				<div class="form-group">
					<label for="">车辆编号：</label>
					<input type="text" class="form-control"  name='' placeholder="">
				</div>
				
				<div class="form-group">
					<label><span class="red">*</span>&nbsp; 车辆违停照片：<span style="font-size: 1.2rem;">需要包括周围标志性建筑及车牌</span></label>
					<div style="margin-bottom: 120px;">
						
						<div style="position: relative;">
							<a href="#" class="a-upload" id="im1">
								<input id="file_upload1" type="file" name="img1" />
								<div class="image_container">
									<img id="preview1" >
								</div>
								<div class="words wordtwo"><p >点击</p><p>上传</p></div>
							</a>
							<div style="position: absolute; width:20%; top:0;">
								<div class="del-list" id='del-list1'>
									<span class="bg"><span class="fa fa-trash" aria-hidden="true"></span>
									<span style="padding:0 4px;">删除</span></span>
								</div>
							</div>
						</div>	    
											

						<div style="position: relative;">	
	
							<a href="#" class="a-upload" id="im2">
								<input id="file_upload2" type="file" name="img2"  /> 
								<div class="image_container">
									<img id="preview2" >
								</div>
								<div class="words wordtwo"><p >点击</p><p>上传</p></div>
							</a>
							<div style="position: absolute; width:20%; top:0;left:20%">
								<div class="del-list" id='del-list2'>
									<span class="bg">
										<span class="fa fa-trash" aria-hidden="true"></span>
										<span style="padding:0 4px;">删除</span>
									</span>
								</div>
							</div>
						</div>
	
						<div style="position: relative;">	
	
							<a href="#" class="a-upload" id="im3">
	
								<input id="file_upload3" type="file"  name="img3" /> 
								<div class="image_container">
								    <img id="preview3" >
								</div>
								<div class="words wordtwo"><p >点击</p><p>上传</p></div>
							</a>
							<div style="position: absolute; width:20%; top:0;left:40%">
								<div class="del-list" id='del-list3'>
									<span class="bg"><span class="fa fa-trash" aria-hidden="true"></span>
									<span style="padding:0 4px;">删除</span></span></div>
							</div>
						</div>
	
						<div style="display: none;" class="bigpic">
							<div style="position: fixed;background: #000; z-index: 999; width:100%; height:100%; top:0; left:0; text-align: center; display: table;">
							    <span style=" display:table-cell;vertical-align:middle;">
							    	<img src="" alt="" style="width:100%;" class="big-img"/>
							    </span>
							</div>
						</div>
                    
                   
					</div>
                </div>


				<div class="form-group">
					<label for="mobile"><span class="red">*</span>&nbsp; 注册手机号：</label>
					<input type="text" class="form-control" id="mobile" name="mobile" placeholder="">
				</div>
				
                <div class="form-group">
					<label for="email"><span class="red">*</span>&nbsp; 注册邮箱：</label>
					<input type="text" class="form-control"  placeholder="请输入手机号或会员注册邮箱">
				</div>
                
                <div class="form-group">
	               <label><span class="red">*</span>&nbsp; 完成时间：</label>
	               <input type="text" value="" id="created" class="timer form-control" name="created" onclick="SelectDate(this,'yyyy-MM-dd hh:mm:ss')"/>
                </div>
                
                <div class="form-group">
					<label><span class="red">*</span>&nbsp; 挪车后车辆停放照片：<span style="font-size: 1.2rem;">需要包括周围标志性建筑及车牌</span></label>
					<div style="margin-bottom: 120px;">
						
						<div style="position: relative;">
							<a href="#" class="a-upload" id="im4">
								<input id="file_upload4" type="file" name="img4" />
								<div class="image_container">
									<img id="preview4" >
								</div>
								<div class="words wordtwo"><p >点击</p><p>上传</p></div>
							</a>
							<div style="position: absolute; width:20%; top:0;">
								<div class="del-list" id='del-list4'>
									<span class="bg"><span class="fa fa-trash" aria-hidden="true"></span>
									<span style="padding:0 4px;">删除</span></span>
								</div>
							</div>
						</div>	    
											

						<div style="position: relative;">	
	
							<a href="#" class="a-upload" id="im5">
								<input id="file_upload5" type="file" name="img5"  /> 
								<div class="image_container">
									<img id="preview5" >
								</div>
								<div class="words wordtwo"><p >点击</p><p>上传</p></div>
							</a>
							<div style="position: absolute; width:20%; top:0;left:20%">
								<div class="del-list" id='del-list5'>
									<span class="bg">
										<span class="fa fa-trash" aria-hidden="true"></span>
										<span style="padding:0 4px;">删除</span>
									</span>
								</div>
							</div>
						</div>
	
						<div style="position: relative;">	
	
							<a href="#" class="a-upload" id="im6">
	
								<input id="file_upload3" type="file"  name="img6" /> 
								<div class="image_container">
								    <img id="preview6" >
								</div>
								<div class="words wordtwo"><p >点击</p><p>上传</p></div>
							</a>
							<div style="position: absolute; width:20%; top:0;left:40%">
								<div class="del-list" id='del-list6'>
									<span class="bg"><span class="fa fa-trash" aria-hidden="true"></span>
									<span style="padding:0 4px;">删除</span></span></div>
							</div>
						</div>
	
						<div style="display: none;" class="bigpic">
							<div style="position: fixed;background: #000; z-index: 999; width:100%; height:100%; top:0; left:0; text-align: center; display: table;">
							    <span style=" display:table-cell;vertical-align:middle;">
							    	<img src="" alt="" style="width:100%;" class="big-img"/>
							    </span>
							</div>
						</div>
                    
                   
					</div>
                </div>
				
				<span class="red">*号为必填项</span>
					<input id="uploadfileimg1" value='' type='hidden' name='uploadfileimg1'>	
					<input id="uploadfileimg2" value='' type='hidden' name='uploadfileimg2'>	
					<input id="uploadfileimg3" value='' type='hidden' name='uploadfileimg3'>	
					<input id="uploadfileimg4" value='' type='hidden' name='uploadfileimg4'>	
					<input id="uploadfileimg5" value='' type='hidden' name='uploadfileimg5'>	

				<div class="submit-btn">
					<button type="submit" class="btn btn-info width100" id="submit-btn">完成</button>
				</div>

			</form>
		</div>
		
		 <div class="row">
			<div class="col-xs-10 col-xs-offset-1 text-center"  id='tsk' >			
			</div>
		</div>
		<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="http://res.wx.qq.com/open/js/jweixin-1.1.0.js"></script>
		<script type="text/javascript" src="js/jquery-1.9.1.min.js" ></script>
		<script type="text/javascript" src="js/adddate.js" ></script>
		<script type="text/javascript" src="js/fileinput.js" ></script>
		<script type="text/javascript" src="js/xyPop.js"></script>
		<script type="text/javascript" src="js/fileinput_locale_zh.js" ></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=F9f0bdc1f02411bc3d439410a5795937"></script>
		<script type="text/javascript" src="http://api.map.baidu.com/api?type=quick&ak=F9f0bdc1f02411bc3d439410a5795937&v=1.0"></script>
		<script type="text/javascript" src="js/pic.js" ></script>
		<script type="text/javascript">


			var area = '';
			var geolocation = new BMap.Geolocation();
			var geoc = new BMap.Geocoder();
			//根据浏览器获取地里位置
				geolocation.getCurrentPosition(function(r){
					if (this.getStatus() == BMAP_STATUS_SUCCESS) {
			//解析地理位置		
						
						var pt =  new BMap.Point(r.point.lng,r.point.lat);
						geoc.getLocation(pt,function(rs){											
							var addComp = rs.addressComponents;
							area = addComp.province  + addComp.city + addComp.district +addComp.street + addComp.streetNumber;
						})
					}
				})

				
					$("#butta").click(function(){
						
						(area) ?$("#area").val(area):$("#area").val("没有获取到相关地理信息");

					})


		</script>
		<script type="text/javascript">	
		 $(document).ready(function(){
		 	Date.prototype.pattern=function(fmt) {           
                var o = {           
                    "M+" : this.getMonth()+1, //月份           
                    "d+" : this.getDate(), //日           
                    "h+" : this.getHours()%12 == 0 ? 12 : this.getHours()%12, //小时           
                    "H+" : this.getHours(), //小时           
                    "m+" : this.getMinutes(), //分           
                    "s+" : this.getSeconds(), //秒           
                    "q+" : Math.floor((this.getMonth()+3)/3), //季度           
                    "S" : this.getMilliseconds() //毫秒           
                };           
                var week = {           
                    "0" : "/u65e5",           
                    "1" : "/u4e00",           
                    "2" : "/u4e8c",           
                    "3" : "/u4e09",           
                    "4" : "/u56db",           
                    "5" : "/u4e94",           
                    "6" : "/u516d"          
                };           
                if(/(y+)/.test(fmt)){           
                    fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));           
                }           
                if(/(E+)/.test(fmt)){           
                    fmt=fmt.replace(RegExp.$1, ((RegExp.$1.length>1) ? (RegExp.$1.length>2 ? "/u661f/u671f" : "/u5468") : "")+week[this.getDay()+""]);           
                }           
                for(var k in o){           
                    if(new RegExp("("+ k +")").test(fmt)){           
                        fmt = fmt.replace(RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));           
                    }           
                }           
                return fmt;           
            }         
            var t = new Date(); 
             var x = t.pattern("yyyy-MM-dd hh:mm:ss")            
            $(".timer").attr('placeholder',x);
		});
        
		</script>
	</body>
</html>

<script type="text/javascript" src="/jssdk/jssdk.js"></script>
<script type="text/javascript">jssdk('爱心报案','爱心报案',"http://car2go.xuanzhen-tech.com/index.php/act/report/index",'http://car2go.xuanzhen-tech.com/Public/H5/img/fenxiang.jpg');
</script>
